<template>
  <div>
    <NuxtLayout name="custom">
      <template #header> 一些标题模板内容。 </template>
      页面的其余部分
    </NuxtLayout>
    //加一个跳转about的按钮
    <NuxtLink to="/about">跳转到about</NuxtLink>
    <button @click="enableCustomLayout">改变布局</button>
  </div>
</template>
<script setup>
definePageMeta({
  layout: 'default',
  middleware: [
    'auth',
    function (to, from) {
      console.log('Running custom inline middleware')
      // 自定义内联中间件逻辑
    },
  ],
})
function enableCustomLayout() {
  setPageLayout('custom')
}
</script>
